.Main {
  // Vars
  $red: #de534f;
  $blue: #5bc0de;

  // Support
  min-width: 1200px;

  // Module
  & > .content {

    background-color: #fafafa;

    &:after{
      display: block;
      clear: both;
      content: '';
    }

    & > .find {
      height: 140px;
      background-image: url("../../../assets/search-bg.jpg");
      background-repeat: no-repeat;
      background-size: cover;
      padding-top: 30px;

      .form {
        height: 100px;
        width: 1000px;
        background: rgba(0, 0, 0, 0.5);
        margin: 0 auto;
        border-radius: 6px;
        text-align: center;

        input {
          width: 800px;
          height: 30px;
          padding: 3px 6px;
          margin-top: 30px;
        }

        button {
          border: none;
          width: 100px;
          height: 40px;
          background-image: url("../../../assets/search-btn.png");
          background-color: $red;
          background-repeat: no-repeat;
          background-size: 26%;
          padding-left: 20px;
          font-size: 14px;
          color: #ffffff;
          font-weight: 500;
          background-position: 10px 6px;

          &:hover {
            opacity: 0.9;
          }
        }
      }

    }

    & > .result {
      width: 1200px;
      margin: 0 auto;
      padding-top: 20px;
      min-height: 500px;

      & > .left {
        float: left;
        width: 25%;

        p {
          background-image: url("../../../assets/search-logo.png");
          background-repeat: no-repeat;
          background-position-y: 5px;
          padding-left: 20px;
          height: 40px;
          font-size: 18px;
          &.p2{
            margin-top: 20px;
          }
        }

        div.form2 {
          background-color: #ffffff;
          border: 1px solid #d5e2e3;
          border-bottom-width: 4px;
          padding: 20px 0;
          margin-bottom: 50px;
          ol{
            //list-style: none;
            margin-left: 30px;
            li{
              font-size: 15px;
              padding: 5px;
              span{
                font-size: 12px;
                font-weight: 600;
                background-color: #999;
                color: #ffffff;
                border-radius: 10px;
                text-align: center;
                line-height: 20px;
                display: inline-block;
                height: 20px;
                width: 20px;
                cursor: pointer;
                float: right;
                &:hover{
                  background-color: #555555;
                }
              }
            }

          }
          &>label{
            display: inline-block;
            font-size: 12px;
            text-align: center;
            margin: 40px 10px 10px 10px;
          }
          &>select{
            width: 220px;
          }

          div.input {
            width: 220px;
            margin: 10px auto;

            label {
              display: inline-block;
              width: 50px;
            }

            input {
              padding: 6px 8px;
              width: 130px;
              border: 1px solid lightgray;
              border-radius: 4px;
            }
          }

          button {
            background-color: $red;
            color: #ffffff;
            border-radius: 4px;
            margin: 20px 0 0 100px;
            padding: 8px 30px;
          }
        }
      }

      & > .right {
        width: 73%;
        float: right;

        & > p {
          background-image: url("../../../assets/search-res.png");
          background-repeat: no-repeat;
          background-position-y: 5px;
          padding-left: 20px;
          height: 40px;
          font-size: 18px;
        }

        table {
          border-collapse: collapse;
          width: 100%;
          background-color: #ffffff;
          border: 1px solid #d5e2e3;
          border-bottom-width: 4px;

          td {
            padding: 7px 5px;
            font-size: 15px;
            &.add-btn{
              background-image: url("../../../assets/add.png");
              background-repeat: no-repeat;
              background-position:center;
              background-size: 40%;
            }
          }

          th {
            font-size: 16px;
            padding: 8px 5px;
            text-align: left;
          }

          thead > tr {
            border-bottom: 2px solid #dddddd;
          }

          tbody > tr {
            border-bottom: 1px solid #dddddd;

            &:nth-of-type(2n+1) {
              background-color: #f9f9f9;
            }

            &:hover {
              background-color: #eee;
            }
          }

          tfoot {
            label {
              font-size: 16px;
              padding: 5px 15px;
            }

            button {
              border: none;
              background-color: $blue;
              color: #ffffff;
              padding: 5px 15px;
              border-radius: 3px;

              &:hover {
                opacity: 0.8;
              }

              &:disabled {
                cursor: not-allowed;
              }
            }

            & > tr {
              td {
                padding: 10px;
                text-align: center;
              }
            }
          }
        }
      }

    }
  }

  // Facets

  // States
}
